<template>
    <div class="school">
      <h2>学校名称:{{name}}</h2>
      <h2>学校地址: {{address}}</h2>
    </div>
 </template>
 
 <script>
 import pubsub from 'pubsub-js'
 export default {
   name: "School",
   data(){
     return {
        name: 'school name',
        address: 'school address'
     }
   },
   methods: {
    demo(msgName,data){
      console.log('有人发布了hello消息，hello消息的回调执行了',data,this)
    }
   },
   mounted(){
    // console.log('School',this);
    /* this.$bus.$on('hello',(data)=>{
      console.log('School组件，收到了数据',data);
    }) */
    // this.pubId = pubsub.subscribe('hello',this.demo)
    this.pubId = pubsub.subscribe('hello',(msgName,data)=>{
      console.log('有人发布了hello消息，hello消息的回调执行了',msgName,data)
    })

    
   },
   beforeDestroy(){
    // this.$bus.$off()
    pubsub.unsubscribe(this.pubId);
   }
 }
 </script>
 
 <style scoped>
    /*scoped代表局部的*/
   .school{
     background: skyblue;
     padding: 5px;
   }
 </style>